<div class='container '>
    <div class="row">
        <!-- first column-->
        <div class="col-md-10" role="main">
            <h1 class="">IBM Template Questionnaire </h1>
            <hr class="hr-grid-left"/>

            <!-- first column-->

            <h1><b>[[template.Name]]</b></h1>
            <blockquote >
                <p>[[template.Desc]]</p>
            </blockquote>
            <hr />

            <tabset > 
            <tab ng-repeat="s in template.Sections" heading="[[s.Name]]"  class="" style="padding-bottom:20px">
             <blockquote>
                <p>[[s.Desc]]</p>
            </blockquote>   

            <div ng-repeat="q in s.Questions" class="">
                <question question='q' answers="answers"></question>
            </div>

            </tab>
            </tabset>

            <div>
                
                
            </div>




            <!-- second column-->
        </div>

        <!-- second column-->
        <div class="col-md-2">
            <h3>Actions</h3>
                <button type="#" class="btn btn-default btn-sm" ng-click="saveAnswers()">Save</button>
            <div class="affix">
            </div>
        </div>
    </div>
</div>

<!-- second row -->
<div class="row">
</div>

<script type="text/javascript" >
    $(".multiple").attr("multiple", "multiple")
</script>

       
